<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>LinkedChat招聘网</title>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/public/static/css/Headers.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/public/static/css/Footers.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/public/static/css/resume-template-home.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/public/static/layui/css/layui.css">
    <script src="${pageContext.request.contextPath}/public/static/js/jquery-3.6.0.min.js"></script>
    <link href="${pageContext.request.contextPath}/public/static/images/login_icon.ico" rel="shortcut icon">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/public/static/css/Headers.css"/>
</head>
<body>
<!--头部-->
<div id="header"></div>
<script>
    $(function() {
        $('#header').load('${pageContext.request.contextPath}/public/Person/header.jsp');
    })
</script>

<div class="kong"></div>

<div class="select-menu">
    <div class="menu">精品简历任你挑选</div>
    <div class="common-filter">
        <div class="filter-wrap">
            <div class="filter-line">
                <div>模板用途</div>
                <div style="color:#0057ff;background-color:rgba(0,87,255,.05)  ">简历</div>
            </div>
            <div class="filter-line">
                <div>具体分类</div>
                <div class="filter-text" style="color:#0057ff;background-color:rgba(0,87,255,.05)">全部</div>
                <div class="filter-text">求职简历</div>
                <div class="filter-text">英文简历</div>
                <div class="filter-text">成套简历</div>
                <div class="filter-text">自荐/求职信</div>
            </div>
        </div>
    </div>
    <div class="list" id="list">

    </div>
    <a href="${pageContext.request.contextPath}/public/resume/resume-template-piukill.jsp" style="display: inline-block;margin-left:1250px">秒杀</a>
</div>
<div class="kong"></div>
<!--底部-->
<div id ="footer">
    <div class="footer_i">
        <div class="footer_i_left">
            <p>
                <span>Copyright  2022 LinkedChat</span>
                <span>京ICP备14013441号-5</span>
                <span>京ICP证150923号</span>
                <span>京网文[2020]0399-066 号</span>
                <span>
                 <img src="https://static.zhipin.com/v2/web/geek/images/icon-badge-1.png">电子营业执照
              </span>
                <span>
                  <img src="https://static.zhipin.com/v2/web/geek/images/icon-beian.png"> 京公网安备11010502032801
              </span>
                <span>朝阳网警</span>
                <span>人力资源服务许可证</span>
                <span>网上有害信息举报专区</span>
                <span>朝阳区人社局监督电话</span>
            </p>
        </div>
        <div class="footer_i_right">
            <a href="#" class="icon_weibo"><span></span></a>
            <a href="#" class="icon-weixin"><span></span></a>
            <a href="#" class="icon-app"><span></span></a>
            <a href="#" class="icon-client-app">
                <img src="https://img.bosszhipin.com/static/file/2021/dppx09luaq1637052502211.png" class="icon_im">
                <span></span></a>
        </div>
    </div>
</div>

<script src="${pageContext.request.contextPath}/public/static/js/resume-templatehome.js"></script>
<a style=""></a>
<script>
    window.onload=function(){
        $.ajax({
            type: "get",
            url: "${pageContext.request.contextPath}/resume/initData",//与IndexController的 testIndex方法实现前后端数据交互
            success:function (result){
                var list = $("#list")
                console.log(result)
                var tokenbak = localStorage.getItem("token")
                var token = JSON.stringify(tokenbak)
                for(let i = 0;i<result.object.length;i++){
                var listItem = '<a href ="'+"${pageContext.request.contextPath}/myOrders/"+result.object[i].templateId+"/"+tokenbak+'"><div class="list-item">'+
                    '<div class="cover-wrapper">'+
                    '<div class="cover">'+
                            '<div class="background"></div>'+
                            '<img src="'+result.object[i].templateImg+'" class="resume-image">'+
                                ' <div class="cover-over"></div>'+
                                ' </div>'+
            '</div>'+
                '<div class="introduce">'+
                '<div class="icon"></div>'+
                '<div class="doc-title">'+result.object[i].templateLabel+'</div>'+
                '</div>'+
                '<div class="money">'+
                        '<img src="${pageContext.request.contextPath}/public/static/images/money.png">'+
                            '<i>'+result.object[i].templateSalary+'</i><span>元</span>'+
                            '<div class="shu"></div>'+
                            '<div class="down-num">69下载</div>'+
                            '</div>'+


            '<div  class="block-ele" style="display: none">'+
                        ' <div class="cover-layer"></div>'+
                        '<div class="cover-btn cover-down">下载</div>'+
                        '<div class="cover-btn cover-collect">收藏</div>'+
                        '</div>'+
            '</div></a>'
                    list.append(listItem)
                }
            }

        })
    }


</script>
</body>
</html>